@use './media';
@use './btn-style';
@use 'reset-css';
@use './element-plus';
@use './elx';
@use './markdown';
body{
  overflow: hidden;
}
// 护眼模式样式
.eye-protection-mode {
    
  --el-text-color-primary:#d9d9d9 !important;
  .btn-icon-btn .svg-icon {
    color: #d9d9d9 !important;
  }
  .feature-desc-item {
    background-color: #2a2a2a !important;
  }

  // 全局背景色
  background-color: #1a1a1a !important;
  
  // 全局文字颜色
  color: #d9d9d9 !important;
  .model-item {
    background-color: #2a2a2a !important;
  }
  // Element Plus 组件适配
  .el-button {
    background-color: #2a2a2a !important;
    border-color: #404040 !important;
    color: #d9d9d9 !important;
    
    &:hover {
      background-color: #3a3a3a !important;
      border-color: #505050 !important;
    }
    
    &.el-button--primary {
      background-color: #0057ff !important;
      border-color: #0057ff !important;
      color: #ffffff !important;
      
      &:hover {
        background-color: #3385ff !important;
        border-color: #3385ff !important;
      }
    }
    
    &.el-button--success {
      background-color: #1a3a1a !important;
      border-color: #2a5a2a !important;
      color: #aaffaa !important;
      
      &:hover {
        background-color: #2a4a2a !important;
        border-color: #3a6a3a !important;
      }
    }
  }
  
  // 侧边栏适配
  .aside-container {
    background-color: #1a1a1a !important;
    border-right-color: #333 !important;
    
    .aside-header {
      .logo-text {
        color: #d9d9d9 !important;
      }
    }
    
    .creat-chat-btn {
      background-color: rgba(0, 87, 255, 0.1) !important;
      border-color: rgba(0, 102, 255, 0.2) !important;
      color: #3385ff !important;
      
      &:hover {
        background-color: rgba(0, 87, 255, 0.2) !important;
      }
    }
    
    .conversation-group-title {
      background-color: rgba(255, 255, 255, 0.05) !important;
      
      .title-content {
        .title-icon {
          color: #999 !important;
        }
        
        .title-text {
          color: #999 !important;
        }
      }
    }
    .conversation-label {
      color:#f2f2f2;
    }
    .conversation-item.active {
      background-color: #262626!important;
      .conversation-label {
        color: #ffffff !important;
      }
      .el-icon{
        color: #ffffff !important;
      }
    }
  }
  
  // 聊天区域适配
  .chat-container {
    background-color: #1a1a1a !important;
    
    .chat-header {
      background-color: #1a1a1a !important;
      border-bottom-color: #333 !important;
      
      .chat-title {
        color: #d9d9d9 !important;
      }
    }
    
    .chat-messages {
      .message-item {
        &.user-message {
          background-color: #2a2a2a !important;
          color: #d9d9d9 !important;
        }
        
        &.assistant-message {
          background-color: #333 !important;
          color: #d9d9d9 !important;
        }
      }
    }
    
    .chat-input {
      background-color: #1a1a1a !important;
      border-top-color: #333 !important;
      color: #d9d9d9!important;
      .input-area {
        background-color: #2a2a2a !important;
        border-color: #404040 !important;
        color: #d9d9d9 !important;
      }
      
      * {
        color: #d9d9d9!important;
      }
    }
  }
  .el-bubble-content {
      background-color: #262626 !important;
      * {
        color: #d9d9d9!important;
      }
  }
}
